import { fileURLToPath, URL } from 'node:url'

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vitejs.dev/config/
// export default defineConfig({
//   plugins: [vue()],
//   resolve: {
//     alias: {
//       '@': fileURLToPath(new URL('./src', import.meta.url))
//     }
//   }
// })
export default ({ mode }) => {
  const env = loadEnv(mode, process.cwd())
  console.log(`\n\t\x1B[1m当前运行环境：\x1B[22m \x1B[32m${mode}\x1B[39m\n`)
  return defineConfig({
    resolve: {
      alias: {
        // '@': fileURLToPath(new URL('./src', import.meta.url))
        '@': path.join(__dirname, 'src')
      }
    },
    plugins: [vue()],
    // base: process.env.NODE_ENV === 'production' ? '/rubbishsort' : '/',
    base: './',
    server: {
      port: 5173
      // cors: true, // 默认启用并允许任何源
      // open: true, // 在服务器启动时自动在浏览器中打开应用程序
      // //反向代理配置，注意rewrite写法，开始没看文档在这里踩了坑
      // proxy: {
      //   // 本地开发环境通过代理实现跨域，生产环境使用 nginx 转发
      //   '/rubbishsortApi': {
      //     target: 'http://180.169.19.179:12056/api/v1/basic', // 通过代理接口访问实际地址。这里是实际访问的地址。vue会通过代理服务器来代理请求
      //     changeOrigin: true,
      //     ws: true, // 允许websocket代理
      //     rewrite: (path) => path.replace(/^\/rubbishsortApi/, '') // 将api替换为空
      //   }
      // }
    },
    build: {
      sourcemap: false,
      minify: 'terser',
      chunkSizeWarningLimit: 25000,
      terserOptions: {
        compress: {
          drop_console: true,
          drop_debugger: true
        }
      },
      rollupOptions: {
        output: {
          manualChunks(id) {
            if (id.includes('node_modules')) {
              return id.toString().split('node_modules/')[1].split('/')[0].toString()
            }
          }
        }
      }
    }
  })
}
